<script setup lang="ts">
import { RouterView } from 'vue-router'
import { useAppStore } from '@/stores/modules/app'

const appStore = useAppStore()
const currentSize = computed(() => appStore.getCurrentSize)
</script>

<template>
  <ConfigGlobal :size="currentSize">
    <RouterView />
  </ConfigGlobal>
</template>

<style lang="scss">
$prefix-cls: #{$namespace}-app;

.size {
  width: 100%;
  height: 100%;
}

html,
body {
  @extend .size;

  padding: 0 !important;
  margin: 0;
  overflow: hidden;

  #app {
    @extend .size;
  }
}
</style>
